<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
<script src="vue响应式.js"></script>
<!-- <script src="db.js"></script> -->

</head>
<body>
 
        <div id="app">
            视图1：<span class="box-1"></span>
            视图2：<span class="box-2"></span>
        </div>
        
        <script>
            const steps = [
                {step : 1753,timestamp:1878745464},
                {step : 17453,timestamp:1878745464},
                {step : 11753,timestamp:1878745464},
                {step : 12753,timestamp:1878745464},
                {step : 17053,timestamp:1878745464},
                {step : 17553,timestamp:1878745464},
                {step : 17253,timestamp:1878745464},
                {step : 17503,timestamp:1878745464},
                {step : 10753,timestamp:1878745464},
                {step : 17053,timestamp:1878745464},
                {step : 17053,timestamp:1878745464},
                {step : 17053,timestamp:1878745464},
                {step : 17.5503,timestamp:1878745464},
                {step : 17253,timestamp:1878745464},
                {step : 1753,timestamp:1878745464},
                {step : 17530,timestamp:1878745464},
                {step : 1753,timestamp:1878745464},
                {step : 17523,timestamp:1878745464},
                {step : 1753,timestamp:1878745464},
                {step : 17053,timestamp:1878745464},
                {step : 1753,timestamp:1878745464},
                {step : 12753,timestamp:1878745464},
                {step : 1753,timestamp:1878745464},
                {step : 17253,timestamp:1878745464},
                {step : 1753,timestamp:1878745464},
                {step : 1753,timestamp:1878745464},
            ];
   
            function test(steps){
                 // true
                // steps.forEach(item=>{
                //     console.log(item);
                    
                // })
                
                // for(let item in steps){
                //     console.log(11);
                    
                //    console.log(item);
                   
                // }
                

                let timestamps = steps.map(item =>{
                    return item.timestamp
                })
                console.log(timestamps);
                
                
            }

            test(steps)


            // const promise = new Promise ((resolve,reject)=>{
            //     console.log(1)
            //     resolve();
            //     console.log(2)
            // })
    
            // promise.then(()=>{
            //     console.log(3)
            // })
            // console.log(4);
            
            // let arr = [11,15,1,4,1,45,4,5,5]
            // let arr2 = [21,11,15,24,75,99]
            // let set1 = new Set(arr)
            // let set2 = new Set(arr2)
            // let res2 =  new Set([...set1,...set2])
            // console.log('res2')
            // console.log(res2);
            
            // let res = [...new Set(arr)]
            // console.log(res);
            
    
            // function test(){
            //     let arr = [1,2,3,4]
            //     let arr2 = arr.map(res => {
            //         console.log(res);
            //         return res+1;
                    
            //     })
            //     console.log(arr2);
                
            // }
    
            // test()
    
            // 原型 prototype
            // function dobutsu(){
    
            // }
    
            // dobutsu.prototype.name = '小白'
            // dobutsu.prototype.age = 1
            // dobutsu.prototype.eat = function(food) {
            //     console.log(this);
                
            //     console.log(this.name + '吃了' + food);
                
            // }
             
            // let dobustu1 = new dobutsu() 
            // dobustu1.name = '小黄'
            // dobustu1.age = 2
            // dobustu1.eat('骨头')
            // // console.log(dobustu1);
            // for(let item in dobustu1){
            //     // console.log(item);
            //     if(dobustu1.hasOwnProperty(item)){
            //         console.log(item);
                    
            //     }
            // }
    
            // var fruits = ["Banana", "Orange", "Apple", "Mango"];
            // let sh = fruits.shift()
            // console.log(sh);
            
            let obj = {}
            dataHi({
                data: obj,
                tag: 'view-1',
                datakey: 'one',
                selector: '.box-1'
            })
            dataHi({
                data: obj,
                tag: 'view-2',
                datakey: 'two',
                selector: '.box-2'
            })
            obj.one = '这是1'
            obj.two = '这是2'
            </script>
</body>
</html>